@prefix-cls: activiti-condition;

.overflow() {
  overflow-y: hidden;
  overflow-x: hidden;
}

.displayDirection() {
  display: flex;
  flex-direction: column;
}

.@{prefix-cls} {
  &-row {
    width: 100%;
    height: 100%;
    margin: 0px !important;
    .overflow();

    .ant-col-6 {
      padding-left: 0px !important;
    }

    .ant-col-18 {
      padding-right: 0px !important;
    }

    &-col {
      width: 100%;
      height: 100%;
      .overflow();

      &-divBox {
        background-color: #ffffff;
        width: 100%;
        height: 100%;
      }
    }
  }

  /**
  *  左侧树
  */
  &-flowCategoryStyle {
    background-color: #ffffff;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;

    &-titleHeader {
      width: 100%;
      padding: 12px 12px 6px;

      &-textAndAddBtn {
        display: flex;
        justify-content: space-between;
        align-items: center;

        .anticon-plus-circle {
          font-size: 18px;
        }
      }
    }

    &-bodyContent {
      flex: auto;
      overflow: hidden;

      .ant-tree {
        padding: 0px 12px 0px 6px;
      }

      .ant-tree-node-content-wrapper {
        overflow: hidden;
        width: 100%;
      }
    }
  }
}
